<template>
  <el-container class="is-vertical">
    <en-header />
    <el-container>
      <en-aside />
      <en-main />
    </el-container>
  </el-container>
</template>

<script>
import Vue from 'vue'
import enHeader from '@/layout/entry/enHeader'
import enMain from '@/layout/entry/enMain'
import enAside from '@/layout/entry/enAside'
import { Container, Header, Aside, Main } from 'element-ui'
Vue.use(Container)
Vue.use(Header)
Vue.use(Aside)
Vue.use(Main)
export default {
  name: 'Entry',
  components: {
    enHeader,
    enMain,
    enAside
  },
  data() {
    return {}
  },
  mounted() {
  },
  methods: {}
}
</script>

<style lang="scss">
  .el-container {
    height: 100%;
  }
  body > .el-container {
    margin-bottom: 40px;
  }
</style>
